<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="/lib/bootstrap4/bootstrap-4.6.0-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/details.css">
</head>
<body>
     <!-- 头部 -->
    <header></header>

    <!-- 放大镜 + 购物车 -->
 <div class="box">
     
 </div>
    <script type="text/html" id="detailsTemplate">
       
            <div class="tab">
                <div class="content">
                    <h2 class="mask"></h2>
                    <div style="display: block;"><img src="{{image}}" alt="" class="zoom-image"></div>
                </div>

                <div class="btn">
                    {{each photo item}}
                     <span><img src="{{item.url}}" alt=""></span>
                    {{/each}}
                </div>
            </div>
            
            <!-- <div class="bigBox">
                <img src="{{image}}" class="pic">
            </div> -->
    
            <!-- 购物车 -->
            <div class="infowrap clearfix">
                <p class="">手机下单及分享</p>
                <div class="er">
                    <img src="/images/xiao.png" alt="" class="img1 ">
                </div>
                <img src="/images/erweima.png" alt="" class="img2 ">  
                <div class="title">{{title}}<span class="en"></span></div>   
                   <div class="desc">
                       <div class="text">{{desContentList}}</div>
                   </div>
    
                   <div class="spac">
                       <div class="title">销量：
                           <span>
                                <a href="javascript:;" class="active">{{saleNum}}</a>
                           </span>
                       </div>
                       <div class="kx">
                            款项：
                            <span>
                                <a class="active"> ￥{{price}} </a>
    
                                <a class="cgk">常规款  </a>
                                <img src="/images/yuanpng.png" alt="">
                            </span>
                       </div>
                       <!-- <div class="tips clearfix">

                       </div> -->
    
                       <div class="number clearfix">
                            <div class="title">数量：</div>
                            <div class="count clearfix">
                                <button  class="reduceBtn">-</button>
                                <input type="text" value="1" class="countBox" >
                                <button class="btn-add addBtn" >+</button>
                            </div>
                    </div>
                    <div class="operates clearfix">
                        <img src="/images/like.png" alt="" class=" bgw img1">
                        <div class="like">喜欢</div>
                        <div class="Btn">
                            <button type="button" class="btn w-75 addToCar btn-danger ">放入购物篮</button>
                            <!-- <button type="button" class="btn  btn-danger">立即购买</button> -->
                        </div>       
                    </div>
                </div>
            </div>
    </script>

    <!-- 详情 -->
   <div class="product">

   </div>
   <script type="text/html" id="productTemplate">
        {{each descContentList item}}
            <img src="{{item.image.url}}" alt="">
        {{/each}}
   </script>
   <div class="loading">
       添加成功！
   </div>
<!-- 底部 -->
<footer></footer>

    <script src="/lib/requirejs/require.js" data-main="/js/details"></script>
    
</body>
</html>